<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    <title>湘科院编程协会-加入我们</title>
    <link rel="stylesheet" href="/css/layui.css">
    <link rel="stylesheet" href="/css/index.css">

    <link rel="stylesheet" href="/css/style1.css" type="text/css" media="all"/>

    <style type="text/css">
        input[type="submit"] {
            background: #0aa6d6;
            font-size: 15px;
            color: #FFFFFF;
            border: 0;
            text-shadow: 0 -1px 0 #535353;
            margin: 5px 5px 0 0;
            padding: 0 0 3px 0;
            display: block;
            width: 106px;
            height: 35px;
            text-align: center;
            font-weight: bold;
            line-height: 33px;
            border-radius: 3px;
        }

        input[type="button"] {
            background: #0aa6d6;
            font-size: 15px;
            color: #FFFFFF;
            border: 0;
            text-shadow: 0 -1px 0 #535353;
            margin: 5px 5px 0 0;
            padding: 0 0 3px 0;
            display: block;
            width: 106px;
            height: 35px;
            text-align: center;
            font-weight: bold;
            line-height: 33px;
            border-radius: 3px;
        }

        input.button_button {
            background: #0aa6d6;
            margin: 0;
            width: 106px;
            height: 35px;
            border: 0;
            font-size: 15px;
            color: #FFFFFF;
            text-shadow: 0 -1px 0 #535353;
            padding: 0 0 3px 0;
            text-align: center;
            font-weight: bold;
            line-height: 33px;
            cursor: pointer;
            display: inline-block;
            margin-right: 30px;
            border-radius: 3px;
        }

        /*Tooltips*/
        .tooltips_main {
            position: absolute;
            left: 0;
            margin: -5px 0 0 2px;
            z-index: 999;
        }

        .tooltips_box, .tooltips, .msg {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            position: relative;
            border-style: solid;
            border-color: #FF1F1F;
        }

        .tooltips, .msg {
            border-width: 0 1px;
            *left: -2px;
            background-color: #FFCFCF;
        }

        .tooltips_box {
            border-width: 1px;
            line-height: 1.5;
        }

        .tooltips {
            margin: 0 -2px;
        }

        .msg {
            margin: 1px -2px;
            padding: 0 6px;
            color: #2F2C2C;
            text-shadow: 0 1px 0 #FFFFFF;
            font-size: 12px;
        }

        .ov {
            background: url('../static/img/tri.gif') no-repeat scroll 0 0 transparent;
            position: absolute;
            left: 30%;
            overflow: hidden;
            width: 15px;
            height: 15px;
            margin: 16px 0 0 0;
            display: inline;
        }

        /*regist*/
        .register .form_submit {
            border-bottom: 1px dotted #0f62c5;
        }

        .register .form_submit .fieldset .field-group {
            min-height: 55px;
        }

        .register .form_submit .fieldset .field-group .title {
            float: left;
            width: 120px;
            text-align: right;
            margin: 4px 0 0 0;
            font-size: 14px;
        }

        .register .form_submit .fieldset .field-group .control-group {
            float: left;
            width: 300px;
            margin: 0 10px;
        }

        .register .form_submit .fieldset .field-group .tips {
            float: left;
            width: 250px;
            color: #8E8E8E;
        }

        .register .div_submit {
            width: 100%;
            margin: 10px 0;
            text-align: center;
        }

        /*end regist*/
        .fieldset .input_add_background {
            height: 30px;
            width: 112px;
            float: left;
            margin: 0 2px 0 0;
        }

        .fieldset .input_add_background input.register_input_ot {
            background-color: #f9f9f9;
            border: 1px solid #ccc;
            border-radius: 3px;
            color: #4F4F4F;
            font-size: 12px;
            height: 18px;
            outline: medium none;
            width: 100px;
            padding: 5px 10px;
        }

        .fieldset .input_add_long_background {
            height: 30px;
            width: 286px;
            float: left;
            margin: 0 0 15px 0;
            display: inline;
        }

        .fieldset .input_add_long_light_background {
            height: 30px;
            width: 286px;
            float: left;
        }

        .fieldset .input_add_long_background input.register_input {
            background-color: #f9f9f9;
            border: 1px solid #ccc;
            border-radius: 3px;
            color: #4F4F4F;
            font-size: 12px;
            height: 18px;
            outline: medium none;
            width: 270px;
            padding: 5px 10px;
        }

        .fieldset .input_text {
            display: inline-block;
            position: absolute;
            vertical-align: top;
            margin: 6px 0 0 10px;
            z-index: 2;
            font-style: italic;
            color: #BFBFBF;
        }

        .select-style {
            background-color: #f9f9f9;
            border: 1px solid #ccc;
            border-radius: 3px;
            color: #4F4F4F;
            font-size: 12px;
            height: 30px;
            outline: medium none;
            width: 270px;
            padding: 1px;
        }

        .textarea-style {
            background-color: #f9f9f9;
            border: 1px solid #ccc;
            border-radius: 3px;
            color: #4F4F4F;
            font-size: 12px;
            outline: medium none;
            width: 270px;
            height: 58px;
            padding: 1px;
        }
    </style>
    <script src="../static/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../static/js/script.js"></script>

</head>

<body>
<!-- nav部分 -->
<div class="nav">
    <div class="layui-container">
        <!-- logo -->
        <div class="nav-logo">
            <a href="index">
                <img src="/img/logo.png" style="width: 200px" height="80px" alt="类友网络">
            </a>
        </div>
        <div class="nav-list">
            <button>
                <span></span><span></span><span></span>
            </button>
            <ul class="layui-nav" lay-filter="">
                <li class="layui-nav-item"><a href="/index">首页</a></li>
                <li class="layui-nav-item"><a href="/gaikuang">协会概况</a></li>
                <li class="layui-nav-item"><a href="/dongtai">协会动态</a></li>
                <li class="layui-nav-item"><a href="/wangjie">往届风采</a></li>
                <li class="layui-nav-item"><a href="/xuexi">交流学习</a></li>
                <li class="layui-nav-item"><a href="/shiguang">我们的时光</a></li>
                <li class="layui-nav-item layui-this"><a href="/jiaru">加入我们</a></li>
            </ul>
        </div>
    </div>
</div>
<!-- banner部分 -->
<div class="banner jiaru">
    <div class="title">
        <p>加入我们</p>
        <p class="en">Join us</p>
    </div>
</div>

</br>
</br>
<!-- detail -->
<div id="detail2-box" class="clearfix">
    <div class="tit-80"><a href="jiaru.html">加入我们</a></div>

    <!--表单部分-->
    <div class="content-box">
        <div class="body_main clearfix">
            <div id="register" class="register clearfix">
                <form id="form" action="#" method="post" onSubmit="return check();">
                    <div id="form_submit" class="form_submit clearfix">
                        <div class="fieldset">
                            <div class="field-group">
                                <label class="required title">手机号码</label>
                                <span class="control-group" id="mobile_input">
								<div class="input_add_long_background">
									<input class="register_input" type="text" id="mobile" name="mobile" maxLength="11"
                                           value="" onblur="__changeUserName('mobile');">
								</div>
							</span>
                                <label class="tips">仅用于发送服务开通与到期提醒以及紧急故障方便联系到您，绝对保密</label>
                            </div>

                            <div class="field-group">
                                <label class="required title">邮箱</label>
                                <span class="control-group" id="email_input">
								<div class="input_add_long_background">
									<input class="register_input" type="text" id="email" name="email" maxLength="50"
                                           value="" onblur="__changeUserName('email');">
								</div>
							</span>
                                <label class="tips">请输入您常用的邮箱</label>
                            </div>
                            <div class="field-group">
                                <label class="required title">科系名称</label>
                                <span class="control-group" id="email_input">
								<div class="input_add_long_background">
                                    <select name="select" id="select" class="register_input select-style">
                                      <option value="" selected>--- 选择科系名称 ---</option>
                                      <option value="物理系">物理系</option>
                                      <option value="应用物理系">应用物理系</option>
                                      <option value="核科学与技术系">核科学与技术系</option>
                                      <option value="物理教学实验中心">物理教学实验中心</option>
                                      <option value="大学物理教学部">大学物理教学部</option>
                                      <option value="核技术应用研究所">核技术应用研究所</option>
                                    </select>
								</div>
							</span>
                                <label class="tips">请选择科系</label>
                            </div>

                            <div class="field-group">
                                <label class="required title">单选框</label>
                                <span class="control-group" style="line-height:28px;">
								<input id="radio1" type="radio" value="1" name="username" checked>
								<span style="margin-right:10px;">选项一</span>
								<input id="radio1" type="radio" value="2" name="username">
								<span style="margin-right:10px;">选项二</span>
							</span>
                                <label class="tips" style="margin-bottom:5px;" id="tooltext1">请选择单选项</label>
                            </div>
                            <div class="field-group">
                                <label class="required title">复选框</label>
                                <span class="control-group" style="line-height:28px;">
								<input type="checkbox" name="checkbox1" id="checkbox1" value="1">
								<span style="margin-right:10px;">选项一</span>
								<input type="checkbox" name="checkbox1" id="checkbox1" value="2">
								<span style="margin-right:10px;">选项二</span>
							</span>
                                <label class="tips" style="margin-bottom:5px;" id="tooltext1">请选择多选项</label>
                            </div>

                            <div class="field-group">
                                <label class="required title">设置密码</label>
                                <span class="control-group" id="password1_input">
								<div class="input_add_long_background">
									<input class="register_input" type="password" id="password1" name="password1"
                                           maxLength="20" value="" onblur="checkPwd1(this.value);"/>
								</div>
							</span>
                                <label class="tips">请使用6~20个英文字母（区分大小写）、符号或数字</label>
                            </div>

                            <div class="field-group">
                                <label class="required title">验证码</label>
                                <span class="control-group" id="code_input">
								<div class="input_add_background" style="margin-right:15px;">
									<input class="register_input_ot" type="text" id="code" name="code" max_length="6"
                                           value="" onblur="checkAuthCode(this.value);">
								</div>
                                <img src="images/yzm.gif">
							</span>
                                <label class="tips">请输入图片显示的验证码</label>
                            </div>
                            <div class="field-group">
                                <label class="required title">多行文本框</label>
                                <span class="control-group" id="textarea1">
								<textarea name="textarea" id="textarea" class="textarea-style"></textarea>
							</span>
                                <label class="tips" style="margin-bottom:5px;" id="tooltext1">输入多行文本内容</label>
                            </div>
                        </div>
                    </div>
                    <div id="div_submit" class="div_submit">
                        <input type="reset" name="reset" id="reset" value="重置" class='button_button disabled'>
                        <input id="submit" type="submit" value="提交" class='button_button disabled'>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- footer部分 -->
<div class="footer">
    <div class="layui-container">
        <p class="footer-web">
            <a href="http://www.ccyl.org.cn/">共青团中央</a>
            <a href="http://www.ccyl.org.cn/organs/institution/xxb/">团中央学校部</a>
            <a href="http://www.gdcyl.org/Index.html">广东共青团</a>
            <a href="http://www.gdcyl.org/xxb/">广东学联</a>
            <a href="http://www.qygqt.org/">清远共青团</a>
            <a href="http://www.qypt.com.cn/">清远职业技术学院</a>
        </p>
        <div class="layui-row footer-contact">
            <div class="layui-col-sm2 layui-col-lg1"><img src="../static/img/erweima.png"></div>
            <div class="layui-col-sm10 layui-col-lg11">
                <div class="layui-row">
                    <div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
                        <p class="contact-top">本站部分文章、资源来自互联网，版权归原作者及网站所有</p>
                        <p class="contact-bottom">如果侵犯了您的权利，请及时致信告知我站</p>
                    </div>
                    <div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
                        <p class="contact-top"><span class="right">广东省清远市清城区蟠龙园</span></p>
                        <p class="contact-bottom"><span class="right">Copyright&nbsp;©&nbsp;2018-2020 17移动1班吴坤周</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../static/js/layui.js"></script>
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
    layui.config({
        base: '../res/static/js/'
    }).use('firm');
</script>
</body>

</html>